<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>debug</title>
<style type="text/css">
body,html{background: #A0B3D6;font-size: 14px;margin: 0;padding:0;color: #333;font-family: Arial, sans-serif;}
h1{line-height: 40px;margin: 0;text-align: center;font-size:18px;background: #C1D5EB;font-family: '楷体','微软雅黑','宋体';text-shadow: 0px 1px 0px #F2F2F2;}
#main{width:100%;background:#BECEEB;overflow: hidden;}
#main .code{float:left; margin-left:-1px;}
#main .effect{float:right; margin-right:-1px;}
#main textarea{margin:1px 2px;font-size:12px;width:98%;height:50%;}
#main textarea.active{border:1px solid #f00;padding:10px;}
#main .part{width: 50%;min-height: 500px;_height: 500px;background:white;}
#main .code h3,#main .effect h3{line-height: 30px;margin: 0;font-size: 1.1em;background: #F0F3F9;padding-left: 10px;border-bottom: 1px solid #EDEDED;color: #4E4E4E;text-shadow: 0px 1px 0px white;}
#main .code h5,#main .effect h5{font-size:14px;line-height:20px;padding-left:2px;margin:10px 8px 0; border-bottom: #39C 1px dotted;}

#main .effect .show{ padding:10px;}
#main .effect .runtime{}

</style>
</head>

<body>
<h1>javascript代码调试</h1>
<div id="main">
    <div class="code part">
    	<h3>代码</h3>
        <div class="show">
        	<h5>css代码:</h5>
            <textarea class="html_source" rows="10"></textarea>	
        </div>
        <div class="show">
        	<h5>HTML代码:</h5>
            <textarea class="html_source" rows="10"></textarea>	
        </div>
        <div class="show">
        	<h5>javascript代码:</h5>
            <textarea class="html_source" rows="10"></textarea>	
        </div>
    </div>
    <div class="effect part" style="min-height:0px;">
    	<h3>效果</h3>
        <div class="show">
			<pre>dsadsad</pre>
            <pre>dsadsad</pre>
            <pre>dsadsad</pre><pre>dsadsad</pre>
            <pre>dsadsad</pre>
            <pre>dsadsad</pre>
            <pre>dsadsad</pre>
            <pre>dsadsad</pre>
        </div>
        <h3>运行时间</h3>
        <div class="runtime">
        	<span id="time">10秒</span>
        </div>
    </div>
</div>

</body>
</html>
